<template>
  <mu-container class="page">
    <mu-row class="item-row">
      <mu-col span="5" offset="0">
        <mu-ripple @click="toPushPage" class="mu-ripple-demo demo-2" color="#2196f3" :opacity="0.7">
          <mu-paper class="demo-paper" :z-depth="5">
            <img src="../../../static/push.png" style="width: 50px;height: 50px;">
            <div>放单</div>
          </mu-paper>
        </mu-ripple>
      </mu-col>
      <mu-col span="5" offset="2">
        <mu-paper class="demo-paper" :z-depth="5">
          <img src="../../../static/topUp.png" style="width: 50px;height: 50px;">
          <div>余额充值</div>
        </mu-paper>
      </mu-col>
    </mu-row>
    <mu-row class="item-row">
      <mu-col span="5" offset="0">
        <mu-paper class="demo-paper" :z-depth="5">
          <img src="../../../static/audit.png" style="width: 50px;height: 50px;">
          <div>审核</div>
        </mu-paper>
      </mu-col>
      <mu-col span="5" offset="2">
        <mu-ripple @click="toBind" class="mu-ripple-demo demo-2" color="#2196f3" :opacity="0.7">
          <mu-paper class="demo-paper" :z-depth="5">
            <img src="../../../static/bind.png" style="width: 50px;height: 50px;">
            <div>账号绑定</div>
          </mu-paper>
        </mu-ripple>
      </mu-col>
    </mu-row>
  </mu-container>
</template>

<script>
export default {
  name: 'login',
  data () {
    return {
    }
  },

    mounted(){
        // console.log('mmmmmuuuii',this.mui)
    },

  methods: {
      toPushPage(){
          this.$router.push({ path: '/redirect/pushPage'})
      },
      toBind(){
          this.$router.push({ path: '/redirect/accountBind'})
      }
  }
}
</script>

<style>
  .page{
    color: white;
    font-size: 11px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .item-row{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .demo-paper{
    padding-top: 10px;
    height: 85px;
    text-align: center;
    background-color: antiquewhite;
    padding-bottom: 10px;
  }
</style>
